这类似于SO:howtomoveadivwitharrowkeys，所以也许一个明确而明智的“不”就足以作为答案:我能否将溢出的div设为“默认滚动目标”，以与溢出文档相同的方式响应向上/向下/向下翻页/空格(即向下滚动内容)？页面本身没有滚动条(下面的简单示例)。特别是，这是否可以在不显式跟踪关键事件(既不直接跟踪也不被JS库隐藏)的情况下完成？foo编辑:当然，在我点击div后，上述工作正常。基本上，我想避免必须这样做... 最佳答案 为了使html元素可聚焦，必须可以使用Tab键访问它。这意味着您可以在链接或输入上调用.foc

我正在查看JIRA(e.g.here,anissueinJIRA4)中的一个问题，我注意到JIRA4有一些有趣的滚动行为，当使用主浏览器滚动条向下滚动时，jira标题向上滚动，然后是问题标题固定在顶部，然后问题的其余部分继续滚动。因此问题标题始终可见。没有额外的垂直滚动条。它全部通过主浏览器滚动条滚动。所以它要么是css要么是javascript魔法!知道他们是怎么做到的吗？干杯，菲尔。 最佳答案 它动态地改变具有position:absolute;top:76px;的div#stalker。当用户滚动时，将位置更改为positio

我正在查看JIRA(e.g.here,anissueinJIRA4)中的一个问题，我注意到JIRA4有一些有趣的滚动行为，当使用主浏览器滚动条向下滚动时，jira标题向上滚动，然后是问题标题固定在顶部，然后问题的其余部分继续滚动。因此问题标题始终可见。没有额外的垂直滚动条。它全部通过主浏览器滚动条滚动。所以它要么是css要么是javascript魔法!知道他们是怎么做到的吗？干杯，菲尔。 最佳答案 它动态地改变具有position:absolute;top:76px;的div#stalker。当用户滚动时，将位置更改为positio

我最近开发了一个实时在线聊天室。我的一切正常且安全，但我希望存储消息的div自动滚动到底部。我设法用这个Javascript做到了这一点:window.setInterval(function(){varelem=document.getElementById('messages');elem.scrollTop=elem.scrollHeight;},100);但是有了这个，用户根本无法向上滚动，它总是将它们向下推回到div的底部。我想要发生的是，如果用户已经在div的底部，那么当一条新消息出现时，它将它们滚动到div的底部。但是，如果用户不在div的底部，则让他们独自一人，直到他们

我最近开发了一个实时在线聊天室。我的一切正常且安全，但我希望存储消息的div自动滚动到底部。我设法用这个Javascript做到了这一点:window.setInterval(function(){varelem=document.getElementById('messages');elem.scrollTop=elem.scrollHeight;},100);但是有了这个，用户根本无法向上滚动，它总是将它们向下推回到div的底部。我想要发生的是，如果用户已经在div的底部，那么当一条新消息出现时，它将它们滚动到div的底部。但是，如果用户不在div的底部，则让他们独自一人，直到他们

我在一个元素中使用了多个CSS动画。我的问题是这些动画只在向下滚动时触发一次。我需要在每次用户滚动它们时触发它们，无论是向上还是向下滚动页面。CSS.slideRight{animation-name:slideRight;-webkit-animation-name:slideRight;animation-duration:1.5s;-webkit-animation-duration:1.5s;animation-timing-function:ease-in-out;-webkit-animation-timing-function:ease-in-out;visibility

我在一个元素中使用了多个CSS动画。我的问题是这些动画只在向下滚动时触发一次。我需要在每次用户滚动它们时触发它们，无论是向上还是向下滚动页面。CSS.slideRight{animation-name:slideRight;-webkit-animation-name:slideRight;animation-duration:1.5s;-webkit-animation-duration:1.5s;animation-timing-function:ease-in-out;-webkit-animation-timing-function:ease-in-out;visibility

我正在开发一个网络应用程序，该应用程序使用带有大量选项的选择。问题是有些选项在屏幕上看不到，因为MaterializeCSS的选择似乎是可滚动的。我该如何解决这个问题？HTML和PHP......Chooseadegreeprogram'.$degree.'';}?>DegreeprogramCSSbody{display:flex;min-height:100vh;flex-direction:column;}.main{flex:10auto;} 最佳答案 请在materialize.css中找到.dropdown-conten

我正在开发一个网络应用程序，该应用程序使用带有大量选项的选择。问题是有些选项在屏幕上看不到，因为MaterializeCSS的选择似乎是可滚动的。我该如何解决这个问题？HTML和PHP......Chooseadegreeprogram'.$degree.'';}?>DegreeprogramCSSbody{display:flex;min-height:100vh;flex-direction:column;}.main{flex:10auto;} 最佳答案 请在materialize.css中找到.dropdown-conten

我正在构建一些东西，向用户展示他们从未见过的项目。每个项目都在中，因此当用户滚动经过一个div或查看该div时，我希望将该项目标记为已看到。Google阅读器会执行此操作，如果您滚动浏览Feed中的某个项目，它会自动将其标记为已读。如何追踪？请指教。注意:不应仅限于使用鼠标滚动、向下/向上翻页、使用箭头键等也应计算在内。主要标准是用户看到了一个div。 最佳答案 你需要jQuery的scrollTop。类似于:$(window).scrollTop()>$('#mydiv').offset().top;当它第一次出现时，或者如果你希